// pages/login/login.js
import { toast } from '../../utils/extendApi' // 导入封装的 通用模块 方法
import { reqLogin,reqUserInfo } from '../../api/user' //导入接口api函数
import { setStorage } from '../../utils/storage'
import { ComponentWithStore } from 'mobx-miniprogram-bindings'
import { userStore } from '../../stores/userstore'

import { debounce } from 'miniprogram-licia' // 防抖函数

ComponentWithStore({

  // 让页面和 store 对象就建立关联：
  storeBindings:{
    store:userStore,
    fields:['token','userInfo'],
    actions:['setToken','setUserInfo']
  },

  data: {},
  methods: {
    // 1 .授权登录：
    login:debounce(function() {
      // 获取 用户的 临时登录凭证 code
      wx.login({
        success: async ({ code }) => {
          console.log(code);
          if (code) {
            const { data } = await reqLogin(code)
            // console.log(data);
            // 登录成功以后，需要将服务器响应的自定义登录状态存储到本地
            setStorage('token', data.token)

            // 将自定义登录态 token 存储到 store 对象
            this.setToken(data.token)

            // 获取用户信息：
            this.getUserInfo()

            // 返回上一级页面：
            wx.navigateBack()
          } else {
            toast({ title: '授权失败，请重新授权' })
          }
        }
      })
    },500),
    
    // 2. 获取用户信息：
    async getUserInfo(){
      // 调用接口，获取用户信息
      const {data} = await reqUserInfo()
      // 将用户信息存储到本地
      setStorage('userInfo',data)

      // 将用户信息存储到 store 对象
      this.setUserInfo(data)
    }
  }
})
